<div class="carrousel-container" id="carousel1">
                <div class="carrousel-wrapper">
                    <!--:for(b in cache.banners!){  -->
                    <div class="carrousel-slide" onclick="location.href='${b.url}'">
                        <img class="slide-banner" style="height: 211px;" src="${www}${b.img!}"/>
                        <div class="slide-title">
                            
                            <span class="nowrap slide-title-font" style="margin-right: 20px;">
                                ${b.title!}
                            </span>
                        </div>
                    </div>
                    <!--:}  -->
                </div>
                <div class="carrousel-pagination"></div>
            </div>
        <!--:for(cate in cache.cates!){  -->
        <div class="sliver "  style="text-align: center;">
			
			<p class="sliver-title" style="color: #444;">${cate.name!}</p>
			<small  style="margin-right: 4px;">更多</small>
		</div>
        <ul class="grid app-grid-thumbnail" data-col="2">
        	<!--:for(c in cate.courses){  -->
			<li onclick="location.href='${root}course/${c.id}'" style="padding-top: 2px;">
				<a class="grid-icon">
					<img src="${www}${c.img!}" style="height: 100px;width: 100%;border-radius: 3px;">
					<!--:if(cLP.index==1){  -->
					<span class="tip" style="position:absolute;top:-4px;right:-4px;">新</span>
					<!--:}  -->
				</a>
				<label class="grid-label" style="color:#333333;margin-left:4px;text-align:left;">${c.title}</label>
				<!--:if(c.price>0){  -->
				<small style="color:#ff5656;margin-left:4px;float: left;">${c.price}</small>
				<!--:}else{  -->
				<small style="color:${c.vip>0?'#f4984e':'#16c447'};margin-left:4px;float: left;">${c.vip>0?'VIP视频':'免费'}</small>
				<!--:}  -->
				<small style="float: right;color: #14ba91;">${c.agency_name!}</small>
			</li>
			<!--:}  -->
		</ul>
		<!--:}  -->
   